<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
	
	<f:view>
	
		<h:head>
			<title>
				<ui:insert name="pageTitle">
					<h:outputText value="Sistema de Control de Proyectos - Vimeworks"/> 
				</ui:insert>
			</title>
			<link type="text/css" rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/style.css"/>
			<link type="text/css" rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/comun.css"/>
		    <!--[if IE 6]><link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
		    <!--[if IE 7]><link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/css/style.ie7.css" type="text/css" media="screen" /><![endif]-->		
			<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/js/script.js"/>
			<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/js/util.js"/>
			<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/fusioncharts/FusionCharts.js"/>
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		</h:head>
		
		<h:body>
			<div id="art-page-background-simple-gradient">
		        <div id="art-page-background-gradient"></div>
		    </div>
		    <div id="art-main">
		        <div class="art-sheet">
		            <div class="art-sheet-tl"></div><div class="art-sheet-tr"></div><div class="art-sheet-bl"></div>
		            <div class="art-sheet-br"></div><div class="art-sheet-tc"></div><div class="art-sheet-bc"></div>
		            <div class="art-sheet-cl"></div><div class="art-sheet-cr"></div><div class="art-sheet-cc"></div>
		            <div class="art-sheet-body">
		                <div class="art-header">
		                    <div class="art-header-jpeg"></div>
		                </div>
		                <div class="art-nav">
		                	<div class="l"></div>
		                	<div class="r"></div>
		                	<ul class="art-menu">
		                		<li>
		                			<a href="${facesContext.externalContext.requestContextPath}/paginas/aplicacion/home.xhtml" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
		                		</li>
		                		<li>
		                		
		                			<a href="#">
		                				<span class="l"></span>
		                				<span class="r"></span>
		                				<span class="t">Par&#225;metros</span>
		                			</a>
		                			<ul>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/parametros/empresaCliente.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Empresas Cliente
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/parametros/recursoCliente.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Recursos Cliente
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/parametros/tipoDocumento.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Tipos de Documento
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/parametros/tipoFechaProyecto.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Tipos de Fecha de Proyecto
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/parametros/tipoFechaTarea.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Tipos de Fecha de Tarea
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/parametros/tipoTarea.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Tipos de Tarea
		                					</h:outputLink>
		                				</li>
		                			</ul>
		                		
		                		</li>
		                		<li>
		                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Aplicaci&#243;n</span></a>
		                			<ul>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/aplicacion/rol.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Roles
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/aplicacion/proyecto/proyectos.xhtml">
		                						Proyectos
		                					</h:outputLink>
		                					<ul>
		                						<li>
		                							<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/aplicacion/proyecto/creacionProyecto.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
				                						Nuevo Proyecto
				                					</h:outputLink>
		                						</li>
		                						<li>
		                							<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/aplicacion/proyecto/encuestaLink.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
				                						Ingreso Encuestas
				                					</h:outputLink>
		                						</li>
		                					</ul>
		                					
		                				</li>
		                			</ul>
		                		</li>
		                		<li>
		                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Reportes</span></a>
		                			<ul>
		                				<li><a href="#">Estadisticos</a>
		                					<ul>
		                						<li>
		                							<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/reportes/cumplimientoTareas.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
				                						Cumplimiento de Tareas
				                					</h:outputLink>
		                						</li>
		                						<li>
		                							<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/reportes/estadoTareas.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
				                						Estado de Tareas a la Fecha
				                					</h:outputLink>
				                				</li>
		                					</ul>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/reportes/estadoProyectos.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Reporte de Estado de Proyectos
		                					</h:outputLink>
		                				</li>
		                				<li>
		                					<h:outputLink value="${facesContext.externalContext.requestContextPath}/paginas/reportes/estadoRecursos.xhtml" rendered="#{datosSessionBean.rol=='ADMIN'}">
		                						Reporte de Estado de Recursos
		                					</h:outputLink>
		                				</li>
		                			</ul>
		                		</li>
		                		<li style="float: right;">
		                			<a href="#">
		                				<span class="l"></span>
		                				<span class="r"></span>
		                				<span class="t"><h:outputText value="Usuario: #{datosSessionBean.usuario.nombreUsuario}"/></span>
		                			</a>
		                			<ul>
		                				<li><a style="width: 107px; padding: 0 0 0 13px" href="${facesContext.externalContext.requestContextPath}">[Cerrar Sesi&#243;n]</a></li>
		                			</ul>
		                		</li>
		                	</ul>
		                </div>
		               <div style="top: 195px; right: 20px; position: absolute;">
				             <a4j:status>
					            <f:facet name="start">
					                <h:graphicImage value="/images/loaderWorld.gif" border="0" />
					            </f:facet>
					        </a4j:status>
				       	</div>
		                <div class="art-content-layout">
		                	<rich:messages showDetail="false" layout="table" ajaxRendered="true"/>
		                    <ui:insert name="pageContent">
		                    	Texto de ejemplo del contenido
		                    </ui:insert>
		                </div>
		                <div class="art-footer">
		                    <div class="art-footer-t"></div>
		                    <div class="art-footer-body">
		                        <div class="art-footer-text">
		                            Copyright &#169; 2012 - Vimeworks Cia. Ltda. All Rights Reserved.
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</h:body>
	</f:view>
</html>